<!doctype html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

	<header th:fragment="main" class="navbar navbar-fixed-top bg-dark">
		<div class="navbar-branding dark bg-dark">
			<a class="navbar-brand" href="dashboard.html"> <b>移动城堡</b>管理系统
			</a> <span id="toggle_sidemenu_l" class="ad ad-lines"></span>
		</div>
		<ul class="nav navbar-nav navbar-left">
			<li><a class="sidebar-menu-toggle" href="javascript:;"> <span class="ad ad-ruby fs18"></span>
			</a></li>
			<li><a class="topbar-menu-toggle" href="javascript:;"> <span class="ad ad-wand fs16"></span>
			</a></li>
			<li class="hidden-xs"><a class="request-fullscreen toggle-active" href="javascript:;"> <span
					class="ad ad-screen-full fs18"></span>
			</a></li>
		</ul>
		<form class="navbar-form navbar-left navbar-search" role="search">
			<div class="form-group">
				<input type="text" class="form-control" placeholder="Search..." value="Search...">
			</div>
		</form>

		<ul class="nav navbar-nav navbar-right">
			<li class="menu-divider hidden-xs"><i class="fa fa-circle"></i></li>
			<li class="dropdown"><a href="javascript:;" class="dropdown-toggle fw600 p15" data-toggle="dropdown"> <img
					th:src="@{/bootstrap/assets/img/avatars/1.jpg}" alt="avatar" class="mw30 br64 mr15"> John.Smith <span
					class="caret caret-tp hidden-xs"></span>
			</a>
				<ul class="dropdown-menu list-group dropdown-persist w250" role="menu">
					<li class="dropdown-header clearfix">
						<div class="pull-left ml10">
							<select id="user-status">
								<optgroup label="Current Status:">
									<option value="1-1">Away</option>
									<option value="1-2">Offline</option>
									<option value="1-3" selected="selected">Online</option>
								</optgroup>
							</select>
						</div>

						<div class="pull-right mr10">
							<select id="user-role">
								<optgroup label="Logged in As:">
									<option value="1-1">Client</option>
									<option value="1-2">Editor</option>
									<option value="1-3" selected="selected">Admin</option>
								</optgroup>
							</select>
						</div>

					</li>
					<li class="list-group-item"><a href="javascript:;" class="animated animated-short fadeInUp"> <span
							class="fa fa-envelope"></span> Messages <span class="label label-warning">2</span>
					</a></li>
					<li class="list-group-item"><a href="javascript:;" class="animated animated-short fadeInUp"> <span
							class="fa fa-user"></span> Friends <span class="label label-warning">6</span>
					</a></li>
					<li class="list-group-item"><a href="javascript:;" class="animated animated-short fadeInUp"> <span
							class="fa fa-gear"></span> Account Settings
					</a></li>
					<li class="list-group-item"><a href="javascript:;" class="animated animated-short fadeInUp"> <span
							class="fa fa-power-off"></span> Logout
					</a></li>
				</ul></li>
		</ul>

	</header>

    
    
</body>
</html>